pollux.dependency.onClick - Code Metrics - Inspection of "fix ArchiveMeta" - pryley/pollux - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — master ( 0bccda...b35e9b )

by Paul

created 2017-05-12 20:20 UTC

pollux.dependency.onClick A

↳ Parent: +/main.js

Complexity

Conditions	4
Paths	4

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	4
nc	4
nop	1
dl	0
loc	11
rs	9.2
c	0
b	0
f	0

/** global: wp, pollux, CodeMirror */

pollux.dependency = {};
pollux.editors = {};
pollux.featured = {};
pollux.metabox = {};
pollux.tabs = {};

/**
 * @return bool
 */
pollux.classListAction = function( bool )
{
	return bool ? 'add' : 'remove';
};

/**
 * @return void
 */
pollux.dependency.ajax = function( action, el, type )
{
	var args = pollux.dependency.getAjaxOptions( el );
	wp.ajax.send({
		error: args.error,
		success: args.success,
		data: {
			_ajax_nonce: wp.updates.ajaxNonce,
			action: action,
			plugin: args.plugin,
			type: type,
		}
	});
};

/**
 * @return object
 */
pollux.dependency.getAjaxOptions = function( el )
{
	return {
		error: pollux.dependency.onError.bind( el ),
		plugin: el.getAttribute( 'data-plugin' ),
		slug: el.getAttribute( 'data-slug' ),
		success: pollux.dependency.onSuccess.bind( el ),
	};
};

/**
 * @return void
 */
pollux.dependency.init = function()
{
	pollux.dependency.buttons = document.querySelectorAll( '.pollux-notice a.button' );
	[].forEach.call( pollux.dependency.buttons, function( button ) {
		button.addEventListener( 'click', pollux.dependency.onClick );
	});
};

/**
 * @return void
 */
pollux.dependency.install = function( el, args )
{
	pollux.dependency.updateButtonText( el, 'pluginInstallingLabel' );
	el.classList.add( 'updating-message' );
	return wp.updates.ajax( 'install-plugin', args );
};

/**
 * @return void
 */
pollux.dependency.onClick = function( ev )
{
	var action = this.href.match(/action=([^&]+)/);
	if( action === null )return;
	action = action[1].split('-')[0];
	if( !pollux.dependency[action] )return;
	this.blur();
	ev.preventDefault();
	if( this.classList.contains( 'updating-message' ))return;
	pollux.dependency[action]( this, pollux.dependency.getAjaxOptions( this ));
};

/**
 * @return void
 */
pollux.dependency.onError = function()
{
	window.location = this.href;
};

/**
 * @return void
 */
pollux.dependency.onSuccess = function( response )
{
	var el = this;
	var type = response.install ? 'install' : 'update';
	if( !response.activate_url ) {
		return pollux.dependency.ajax( 'pollux/dependency/activate_url', el, type );
	}
	pollux.dependency.setUpdatedMessage( el, type );
	if( response.activate_url ) {
		setTimeout( function() {
			pollux.dependency.setActivateButton( el, response );
		}, 1000 );
	}
};

/**
 * @return void
 */
pollux.dependency.setActivateButton = function( el, response )
{
	el.classList.remove( 'updated-message' );
	el.classList.remove( 'button-disabled' );
	el.classList.add( 'button-primary' );
	el.href = response.activate_url;
	pollux.dependency.updateButtonText( el, 'activatePluginLabel' );
};

/**
 * @return void
 */
pollux.dependency.setUpdatedMessage = function( el, type )
{
	el.classList.remove( 'updating-message' );
	el.classList.add( 'updated-message' );
	el.classList.add( 'button-disabled' );
	pollux.dependency.updateButtonText( el, (
		type === 'install' ? 'pluginInstalledLabel' : 'updatedLabel'
	));
};

/**
 * @return void
 */
pollux.dependency.updateButtonText = function( el, l10nkey )
{
	if( !wp.updates.l10n[l10nkey] )return;
	var label = wp.updates.l10n[l10nkey].replace( '%s', el.getAttribute( 'data-name' ));
	if( el.innerHTML !== label ) {
		el.innerHTML = label;
	}
};

/**
 * @return void
 */
pollux.dependency.upgrade = function( el, args )
{
	pollux.dependency.updateButtonText( el, 'updatingLabel' );
	el.classList.add( 'updating-message' );
	return wp.updates.ajax( 'update-plugin', args );
};

/**
 * @return void
 */
pollux.editors.disable = function( index )
{
	pollux.editors.all[index].setOption( 'theme', 'disabled' );
	pollux.editors.all[index].setOption( 'readOnly', 'nocursor' );
};

/**
 * @return void
 */
pollux.editors.enable = function( index )
{
	pollux.editors.all[index].setOption( 'theme', 'pollux' );
	pollux.editors.all[index].setOption( 'readOnly', false );
};

/**
 * @return void
 */
pollux.editors.init = function()
{
	pollux.editors.all = [];
	[].forEach.call( document.querySelectorAll( '.pollux-code' ), function( editor, index ) {
		pollux.editors.all[index] = CodeMirror.fromTextArea( editor, {
			gutters: ['CodeMirror-lint-markers'],
			highlightSelectionMatches: { wordsOnly: true },
			lineNumbers: true,
			lint: true,
			mode: 'text/yaml',
			showInvisibles: true,
			showTrailingSpace: true,
			styleActiveLine: true,
			tabSize: 2,
			theme: 'pollux',
			viewportMargin: Infinity,
		});
		pollux.editors.all[index].setOption( 'extraKeys', {
			Tab: function( cm ) {
				var spaces = Array( cm.getOption( 'indentUnit' ) + 1 ).join( ' ' );
				cm.replaceSelection( spaces );
			},
		});
		pollux.editors.all[index].display.wrapper.setAttribute( 'data-disabled', editor.getAttribute( 'data-disabled' ));
		if( editor.readOnly ) {
			pollux.editors.disable( index );
		}
	});
};

/**
 * @return void
 */
pollux.featured.init = function()
{
	jQuery( '#postimagediv' )
	.on( 'click', '#pollux-set-featured', function( ev ) {
		ev.preventDefault();
		wp.media.view.settings.post.featuredImageId = Math.round( jQuery( '#featured' ).val() );
		pollux.featured.frame = wp.media.featuredImage.frame;
		pollux.featured.frame().open();
	})
	.on( 'click', '#pollux-remove-featured', function( ev ) {
		ev.preventDefault();
		pollux.featured.set(-1);
	});
};

/**
 * @return void
 */
pollux.featured.select = function()
{
	if( !wp.media.view.settings.post.featuredImageId )return;
	var selection = this.get( 'selection' ).single();
	pollux.featured.set( selection ? selection.id : -1 );
};

/**
 * @return void
 */
pollux.featured.set = function( id )
{
	wp.media.view.settings.post.featuredImageId = Math.round( id );
	wp.media.post( 'pollux/archives/featured/html', {
		_wpnonce: document.querySelector( '#_wpnonce' ).value,
		post_type: document.querySelector( '#archive-type' ).value,
		thumbnail_id: id,
	}).done( function( html ) {
		document.querySelector( '#postimagediv > .inside' ).innerHTML = html;
	});
};

/**
 * @return bool
 */
pollux.metabox.hasValue = function( el )
{
	if( el.type === 'checkbox' ) {
		return el.checked === true;
	}
	return el.value !== '';
};

/**
 * @return void
 */
pollux.metabox.init = function()
{
	var depends = document.querySelectorAll( '.rwmb-input [data-depends]' );
	[].forEach.call( depends, function( el ) {
		var dependency = pollux.metabox.setVisibility( el );
		var event = dependency.type === 'checkbox' ? 'change' : 'keyup';
		dependency.addEventListener( event, function() {
			pollux.metabox.setVisibility( el );
		});
	});
};

/**
 * @return element
 */
pollux.metabox.setVisibility = function( el )
{
	var dependency = document.getElementById( el.getAttribute( 'data-depends' ));
	var action = pollux.classListAction( !pollux.metabox.hasValue( dependency ));
	el.closest( '.rwmb-field' ).classList[action]( 'hidden' );
	return dependency;
};

/**
 * @return void
 */
pollux.tabs.init = function()
{
	pollux.tabs.active = document.querySelector( '#pollux-active-tab' );
	pollux.tabs.referrer = document.querySelector( 'input[name="_wp_http_referer"]' );
	pollux.tabs.tabs = document.querySelectorAll( '.pollux-tabs a' );
	pollux.tabs.views = document.querySelectorAll( '.pollux-config .form-table' );

	[].forEach.call( pollux.tabs.tabs, function( tab, index ) {
		var active = location.hash ? tab.getAttribute( 'href' ).slice(1) === location.hash.slice(2) : index === 0;
		if( active ) {
			pollux.tabs.setTab( tab );
		}
		tab.addEventListener( 'click', pollux.tabs.onClick );
		tab.addEventListener( 'touchend', pollux.tabs.onClick );
	});
};

/**
 * @return void
 */
pollux.tabs.onClick = function( ev )
{
	ev.preventDefault();
	this.blur();
	pollux.tabs.setTab( this );
	location.hash = '!' + this.getAttribute( 'href' ).slice(1);
	// pollux.editors.all.forEach( function( editor ) {
	// 	editor.refresh();
	// });
};

/**
 * @return void
 */
pollux.tabs.setReferrer = function( index )
{
	var referrerUrl = pollux.tabs.referrer.value.split('#')[0] + '#!' + pollux.tabs.views[index].id;
	pollux.tabs.referrer.value = referrerUrl;
};

/**
 * @return void
 */
pollux.tabs.setTab = function( el )
{
	[].forEach.call( pollux.tabs.tabs, function( tab, index ) {
		var action = pollux.classListAction( tab === el );
		if( action === 'add' ) {
			pollux.tabs.active.value = pollux.tabs.views[index].id;
			pollux.tabs.setReferrer( index );
			pollux.tabs.setView( index );
		}
		tab.classList[action]( 'nav-tab-active' );
	});
};

/**
 * @return void
 */
pollux.tabs.setView = function( idx )
{
	[].forEach.call( pollux.tabs.views, function( view, index ) {
		var action = pollux.classListAction( index !== idx );
		view.classList[action]( 'ui-tabs-hide' );
	});
};

jQuery(function() {
	for( var key in pollux ) {
		if( !pollux.hasOwnProperty( key ) || !pollux[key].init )continue;
		pollux[key].init();
	}
});


1			/** global: wp, pollux, CodeMirror */
2
3			pollux.dependency = {};
4			pollux.editors = {};
5			pollux.featured = {};
6			pollux.metabox = {};
7			pollux.tabs = {};
8
9			/**
10			* @return bool
11			*/
12			pollux.classListAction = function( bool )
13			{
14			return bool ? 'add' : 'remove';
15			};
16
17			/**
18			* @return void
19			*/
20			pollux.dependency.ajax = function( action, el, type )
21			{
22			var args = pollux.dependency.getAjaxOptions( el );
23			wp.ajax.send({
24			error: args.error,
25			success: args.success,
26			data: {
27			_ajax_nonce: wp.updates.ajaxNonce,
28			action: action,
29			plugin: args.plugin,
30			type: type,
31			}
32			});
33			};
34
35			/**
36			* @return object
37			*/
38			pollux.dependency.getAjaxOptions = function( el )
39			{
40			return {
41			error: pollux.dependency.onError.bind( el ),
42			plugin: el.getAttribute( 'data-plugin' ),
43			slug: el.getAttribute( 'data-slug' ),
44			success: pollux.dependency.onSuccess.bind( el ),
45			};
46			};
47
48			/**
49			* @return void
50			*/
51			pollux.dependency.init = function()
52			{
53			pollux.dependency.buttons = document.querySelectorAll( '.pollux-notice a.button' );
54			[].forEach.call( pollux.dependency.buttons, function( button ) {
55			button.addEventListener( 'click', pollux.dependency.onClick );
56			});
57			};
58
59			/**
60			* @return void
61			*/
62			pollux.dependency.install = function( el, args )
63			{
64			pollux.dependency.updateButtonText( el, 'pluginInstallingLabel' );
65			el.classList.add( 'updating-message' );
66			return wp.updates.ajax( 'install-plugin', args );
67			};
68
69			/**
70			* @return void
71			*/
72			pollux.dependency.onClick = function( ev )
73			{
74			var action = this.href.match(/action=([^&]+)/);
75			if( action === null )return;
76			action = action[1].split('-')[0];
77			if( !pollux.dependency[action] )return;
78			this.blur();
79			ev.preventDefault();
80			if( this.classList.contains( 'updating-message' ))return;
81			pollux.dependency[action]( this, pollux.dependency.getAjaxOptions( this ));
82			};
83
84			/**
85			* @return void
86			*/
87			pollux.dependency.onError = function()
88			{
89			window.location = this.href;
90			};
91
92			/**
93			* @return void
94			*/
95			pollux.dependency.onSuccess = function( response )
96			{
97			var el = this;
98			var type = response.install ? 'install' : 'update';
99			if( !response.activate_url ) {
100			return pollux.dependency.ajax( 'pollux/dependency/activate_url', el, type );
101			}
102			pollux.dependency.setUpdatedMessage( el, type );
103			if( response.activate_url ) {
104			setTimeout( function() {
105			pollux.dependency.setActivateButton( el, response );
106			}, 1000 );
107			}
108			};
109
110			/**
111			* @return void
112			*/
113			pollux.dependency.setActivateButton = function( el, response )
114			{
115			el.classList.remove( 'updated-message' );
116			el.classList.remove( 'button-disabled' );
117			el.classList.add( 'button-primary' );
118			el.href = response.activate_url;
119			pollux.dependency.updateButtonText( el, 'activatePluginLabel' );
120			};
121
122			/**
123			* @return void
124			*/
125			pollux.dependency.setUpdatedMessage = function( el, type )
126			{
127			el.classList.remove( 'updating-message' );
128			el.classList.add( 'updated-message' );
129			el.classList.add( 'button-disabled' );
130			pollux.dependency.updateButtonText( el, (
131			type === 'install' ? 'pluginInstalledLabel' : 'updatedLabel'
132			));
133			};
134
135			/**
136			* @return void
137			*/
138			pollux.dependency.updateButtonText = function( el, l10nkey )
139			{
140			if( !wp.updates.l10n[l10nkey] )return;
141			var label = wp.updates.l10n[l10nkey].replace( '%s', el.getAttribute( 'data-name' ));
142			if( el.innerHTML !== label ) {
143			el.innerHTML = label;
144			}
145			};
146
147			/**
148			* @return void
149			*/
150			pollux.dependency.upgrade = function( el, args )
151			{
152			pollux.dependency.updateButtonText( el, 'updatingLabel' );
153			el.classList.add( 'updating-message' );
154			return wp.updates.ajax( 'update-plugin', args );
155			};
156
157			/**
158			* @return void
159			*/
160			pollux.editors.disable = function( index )
161			{
162			pollux.editors.all[index].setOption( 'theme', 'disabled' );
163			pollux.editors.all[index].setOption( 'readOnly', 'nocursor' );
164			};
165
166			/**
167			* @return void
168			*/
169			pollux.editors.enable = function( index )
170			{
171			pollux.editors.all[index].setOption( 'theme', 'pollux' );
172			pollux.editors.all[index].setOption( 'readOnly', false );
173			};
174
175			/**
176			* @return void
177			*/
178			pollux.editors.init = function()
179			{
180			pollux.editors.all = [];
181			[].forEach.call( document.querySelectorAll( '.pollux-code' ), function( editor, index ) {
182			pollux.editors.all[index] = CodeMirror.fromTextArea( editor, {
183			gutters: ['CodeMirror-lint-markers'],
184			highlightSelectionMatches: { wordsOnly: true },
185			lineNumbers: true,
186			lint: true,
187			mode: 'text/yaml',
188			showInvisibles: true,
189			showTrailingSpace: true,
190			styleActiveLine: true,
191			tabSize: 2,
192			theme: 'pollux',
193			viewportMargin: Infinity,
194			});
195			pollux.editors.all[index].setOption( 'extraKeys', {
196			Tab: function( cm ) {
197			var spaces = Array( cm.getOption( 'indentUnit' ) + 1 ).join( ' ' );
198			cm.replaceSelection( spaces );
199			},
200			});
201			pollux.editors.all[index].display.wrapper.setAttribute( 'data-disabled', editor.getAttribute( 'data-disabled' ));
202			if( editor.readOnly ) {
203			pollux.editors.disable( index );
204			}
205			});
206			};
207
208			/**
209			* @return void
210			*/
211			pollux.featured.init = function()
212			{
213			jQuery( '#postimagediv' )
214			.on( 'click', '#pollux-set-featured', function( ev ) {
215			ev.preventDefault();
216			wp.media.view.settings.post.featuredImageId = Math.round( jQuery( '#featured' ).val() );
217			pollux.featured.frame = wp.media.featuredImage.frame;
218			pollux.featured.frame().open();
219			})
220			.on( 'click', '#pollux-remove-featured', function( ev ) {
221			ev.preventDefault();
222			pollux.featured.set(-1);
223			});
224			};
225
226			/**
227			* @return void
228			*/
229			pollux.featured.select = function()
230			{
231			if( !wp.media.view.settings.post.featuredImageId )return;
232			var selection = this.get( 'selection' ).single();
233			pollux.featured.set( selection ? selection.id : -1 );
234			};
235
236			/**
237			* @return void
238			*/
239			pollux.featured.set = function( id )
240			{
241			wp.media.view.settings.post.featuredImageId = Math.round( id );
242			wp.media.post( 'pollux/archives/featured/html', {
243			_wpnonce: document.querySelector( '#_wpnonce' ).value,
244			post_type: document.querySelector( '#archive-type' ).value,
245			thumbnail_id: id,
246			}).done( function( html ) {
247			document.querySelector( '#postimagediv > .inside' ).innerHTML = html;
248			});
249			};
250
251			/**
252			* @return bool
253			*/
254			pollux.metabox.hasValue = function( el )
255			{
256			if( el.type === 'checkbox' ) {
257			return el.checked === true;
258			}
259			return el.value !== '';
260			};
261
262			/**
263			* @return void
264			*/
265			pollux.metabox.init = function()
266			{
267			var depends = document.querySelectorAll( '.rwmb-input [data-depends]' );
268			[].forEach.call( depends, function( el ) {
269			var dependency = pollux.metabox.setVisibility( el );
270			var event = dependency.type === 'checkbox' ? 'change' : 'keyup';
271			dependency.addEventListener( event, function() {
272			pollux.metabox.setVisibility( el );
273			});
274			});
275			};
276
277			/**
278			* @return element
279			*/
280			pollux.metabox.setVisibility = function( el )
281			{
282			var dependency = document.getElementById( el.getAttribute( 'data-depends' ));
283			var action = pollux.classListAction( !pollux.metabox.hasValue( dependency ));
284			el.closest( '.rwmb-field' ).classList[action]( 'hidden' );
285			return dependency;
286			};
287
288			/**
289			* @return void
290			*/
291			pollux.tabs.init = function()
292			{
293			pollux.tabs.active = document.querySelector( '#pollux-active-tab' );
294			pollux.tabs.referrer = document.querySelector( 'input[name="_wp_http_referer"]' );
295			pollux.tabs.tabs = document.querySelectorAll( '.pollux-tabs a' );
296			pollux.tabs.views = document.querySelectorAll( '.pollux-config .form-table' );
297
298			[].forEach.call( pollux.tabs.tabs, function( tab, index ) {
299			var active = location.hash ? tab.getAttribute( 'href' ).slice(1) === location.hash.slice(2) : index === 0;
300			if( active ) {
301			pollux.tabs.setTab( tab );
302			}
303			tab.addEventListener( 'click', pollux.tabs.onClick );
304			tab.addEventListener( 'touchend', pollux.tabs.onClick );
305			});
306			};
307
308			/**
309			* @return void
310			*/
311			pollux.tabs.onClick = function( ev )
312			{
313			ev.preventDefault();
314			this.blur();
315			pollux.tabs.setTab( this );
316			location.hash = '!' + this.getAttribute( 'href' ).slice(1);
317			// pollux.editors.all.forEach( function( editor ) {
318			// editor.refresh();
319			// });
320			};
321
322			/**
323			* @return void
324			*/
325			pollux.tabs.setReferrer = function( index )
326			{
327			var referrerUrl = pollux.tabs.referrer.value.split('#')[0] + '#!' + pollux.tabs.views[index].id;
328			pollux.tabs.referrer.value = referrerUrl;
329			};
330
331			/**
332			* @return void
333			*/
334			pollux.tabs.setTab = function( el )
335			{
336			[].forEach.call( pollux.tabs.tabs, function( tab, index ) {
337			var action = pollux.classListAction( tab === el );
338			if( action === 'add' ) {
339			pollux.tabs.active.value = pollux.tabs.views[index].id;
340			pollux.tabs.setReferrer( index );
341			pollux.tabs.setView( index );
342			}
343			tab.classList[action]( 'nav-tab-active' );
344			});
345			};
346
347			/**
348			* @return void
349			*/
350			pollux.tabs.setView = function( idx )
351			{
352			[].forEach.call( pollux.tabs.views, function( view, index ) {
353			var action = pollux.classListAction( index !== idx );
354			view.classList[action]( 'ui-tabs-hide' );
355			});
356			};
357
358			jQuery(function() {
359			for( var key in pollux ) {
360			if( !pollux.hasOwnProperty( key ) \|\| !pollux[key].init )continue;
361			pollux[key].init();
362			}
363			});
364

pryley / pollux

Push — master ( 0bccda...b35e9b )

pollux.dependency.onClick A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like